<html>
<head>	
	<LINK href="./css/common.css" rel="stylesheet" type="text/css">
	<LINK href="./css/tutorial.css" rel="stylesheet" type="text/css">
	
    <script type="text/javascript" src="Lib/Moshu.js"></script>
    <script type="text/javascript" src="Lib/Moshu.Canvas2D.js"></script>
    <script type="text/javascript" src="Lib/Moshu.Canvas2D.Extensions.js"></script>
    <script type="text/javascript" src="Demo/Components/Moshu.Canvas2D.Components.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>
	<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
	<div class="page">
		<div class="page-header ">
			<div class="title">
				<span>Moshu's Canvas Library</span>
			</div>		
			<div class="menu"></div>			
		</div>
		<div class="page-content" style="overflow-y:scroll;">
			<div style="width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;">
				<h1>Moshu's Canvas Library - All kind of tests</h1>

                <canvas id="c"  width="600" height="400" border="1" style="border:1px solid black"></canvas>
			</div>
		</div>
	</div>
	<div class="page-footer">
	</div>

	<script type="text/javascript">
	    $(".menu").load("partials/menu.html");
	    $(".page-footer").load("partials/footer.html");
	    $(".resizable").resizable();
	</script>
	
	 <script type="text/javascript">
	     var world = new Moshu.Canvas2D.World("c");
	     //world.supressTimer();
         /*
	     var polygon = new Moshu.Canvas2D.RegularPolygon(100, 100, 50, 5);
	     polygon.velocity().x(30);
	     //world.createShapeFromPolygon(polygon);

	     polygon = new Moshu.Canvas2D.RegularPolygon(300, 100, 50, 5);
	     polygon.velocity().x(30);
	     //world.createShapeFromPolygon(polygon);

	     var image = new Moshu.Canvas2D.CanvasImage("./images/dude.png", 50, 200, 150, 150);
	     
	     image.registerSprite('left1', 0, 0, 200, 200);
	     image.registerSprite('left2', 200, 0, 200, 200);
	     image.registerSprite('left3', 400, 0, 200, 200);
	     image.registerSprite('left4', 600, 0, 200, 200);
	     image.registerSprite('left5', 800, 0, 200, 200);
	     image.registerSprite('left6', 1000, 0, 200, 200);
	     image.registerSprite('left7', 1200, 0, 200, 200);
	     image.registerSprite('left8', 1400, 0, 200, 200);
	     image.selectNextSprite();
	     setInterval(function () {	         
	         image.selectPrevSprite();
	         world.refresh();
	     }, 200);
	     var painter = new Moshu.Canvas2D.ImagePainter(world.context, image);
	     world.createShape(image, painter);
	     image.painter.flipHorizontally();*/

	     var prince = new Moshu.Canvas2D.Components.Hero(world,new Moshu.Canvas2D.Vector(100,100), 100);	     
	     prince.startMoving();
	     world.refresh();
    </script>

    <!--<script type="text/javascript" src="Lib/Moshu.Canvas2D.Tests.js"></script>  -->
</body>
</html>